import { observer } from "mobx-react";
import { WeaLeftRightLayout} from 'ecCom';
import { DragDropContext } from 'react-dnd';
import HTML5Backend from 'react-dnd-html5-backend';
import Content  from "./right";
import Sider  from "./sider";

@DragDropContext(HTML5Backend)
@observer
export default class DataBaseSource extends React.Component {
    render() {
        const { store } = this.props;
        return (
            <div className="edc-ds-content" style={{ height: document.documentElement.clientHeight - 100 }}>
                <WeaLeftRightLayout
                    leftCom={<Sider store={store} />}
                    leftWidth={200}
                >
                    <Content></Content>
                </WeaLeftRightLayout>
            </div>
        )
    }
}